<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]>      <html class="no-js"> <!--<![endif]-->
<html>

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title></title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="index.css">
</head>

<body>
	<!--[if lt IE 7]>
			<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
		<![endif]-->
	<table>
		<caption>这是一个表格</caption>
		<tr>
			<td>id</td>
			<td>name</td>
			<td>age</td>
		</tr>
		<tr>
			<td>1</td>
			<td>张三</td>
			<td>18</td>
		</tr>
		<tr>
			<td>2</td>
			<td>李四</td>
			<td>19</td>
		</tr>
		<tr>
			<td>3</td>
			<td>王五</td>
			<td>17</td>
		</tr>
	</table>

	<ul>
		<li>绝对路径
			<ul>
				<!-- 第一个是完整写法，第二个是拼接协议，第三个是将当前的协议、主机、端口都凭借上去形成绝对路径，也就是说只能访问当前网站的东西 -->
				<li><a href="https://www.baidu.com">百度</a></li>
				<li><a href="//jd.com">京东</a></li>
				<li><a href="/search">搜索</a></li>
			</ul>
		</li>
		<li>相对路径
			<ul>
				<!-- 注意的是，使用相对路径最多只能到达网站根目录，这里就是static目录，server.js以及http请求练习.js都在该目录以外，所以无法访问，只能拼接文件名到根目录 -->
				<li><a href="./index.css">显示css</a></li>
				<li><a href="../server.js">显示上级js</a></li>
				<li><a href="../../http请求练习.js">显示上上级js</a></li>
			</ul>
		</li>

	</ul>
	<script src="app.js" async defer></script>
</body>

</html>